<template>
  <div class="flex flex-wrap items-end gap-4">
    <BaseButton shadow="hover">Button</BaseButton>

    <BaseButton color="primary" shadow="hover">Button</BaseButton>

    <BaseButton color="success" shadow="hover">Button</BaseButton>

    <BaseButton color="info" shadow="hover">Button</BaseButton>

    <BaseButton color="warning" shadow="hover">Button</BaseButton>

    <BaseButton color="danger" shadow="hover">Button</BaseButton>
  </div>
</template>
